<template>
	<view class="bg">
		<image src="../../static/image/us.png" mode="" class="bg fix"></image>
		<view class="rel">
			<image src="../../static/image/logo.png" mode="" class="logo"></image>
			<view class="intr">
				<rich-text :nodes="content"></rich-text>
			</view>
			
		</view>
		
	</view>
</template>

<script>
	export default {
		data() {
			return {
				content:"<p>富文本测试，描述</p><p>富文本测试，描述</p><p>富文本测试，描述</p><p>富文本测试，描述</p><p>富文本测试，描述</p>"
			};
		}
	}
</script>

<style lang="scss">
page{
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.bg{
	width: 100%;
	height: 100%;
}
.fix{
	position: fixed;
	top: 0;
	left: 0;
}
.rel{
	position: relative;
	z-index: 1;
	text-align: center;
	.logo{
		width: 150rpx;
		height: 150rpx;
		border-radius: 50%;
		margin: 100rpx auto 0;
	}
	.intr{
		margin: 60rpx 0 0 0;
		text-align: left;
		font-size: 25rpx;
	}
}

</style>
